<template>
	<div class="header">
		<span class="fanhui" @click="gen"><img src="../../public/img/arrow_left.png" alt=""></span>
		<span class="city">{{cityId}}</span>
		<span class="qiehuan" @click="gen">切换城市</span>
	</div>
</template>

<script>
	export default {
		data:function() {
			return {
				cityId:''
			}
		},
		created() {
			this.cityId = this.$route.query.name;
		},
		methods: {
			gen:function() {
				this.$router.push('/')
			}
		}
	}
</script>

<style scoped>
	.header {
		background: rgb(49, 144, 232);
		display: flex;
		height: 45.7px;
		justify-content: space-between;
		line-height: 45.7px;
		padding: 0 10px 0 10px;
	}
	.fanhui img {
		width: 30px;
		margin-top: 8px;
	}
	.city {
		color: #FFFFFF;
		font-size: 16px;
	}
	.qiehuan {
		color: #FFFFFF;
		font-size: 12px;
	}
</style>
